/* 
    Document   : 01.listofcommentators.css
    Created on : Oct 20, 2011, 11:30:04 AM
    Author     : salman
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.box {
	width:82px !important;
	padding: 3px;
	height:120px !important;
	float: left;
	position:relative;
	background: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	margin-right: 7px;
	font-size: 7.5pt;
	margin-bottom: 7px;
}
.box img{
    margin:8px 4px 5px 4px;
    width:75px;
    height: 75px;
}

.box img.tipped {
	border-radius: 5px;
}

.box:hover{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #FFF, #CCC);
}

.box:hover:after{
	-webkit-box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.7);
    position:absolute;
	content:'';
	background:transparent;
	bottom:14px;
	right:11px;
	width:70%;
	height:70%;
    -webkit-transform: rotate(5deg) skew(10deg);
	-moz-transform: rotate(5deg) skew(10deg);
	z-index: -2;

}

.profilecaption {
    display: block;
    font-family: Verdana,Geneva,sans-serif;
    text-align: center;
    text-decoration: none;
}

.citybox {
    color: #999999;
    float: left;
    font-size: 7pt;
    text-align: center;
    width: 82px;
}

.box:hover:before{
	-webkit-box-shadow: 11px 11px 32px rgba(255, 255, 255, 0.7);
	-moz-box-shadow: 11px 11px 32px rgba(255, 255, 255, 0.7);
    position:absolute;
	content:'';
	background:transparent;
	bottom:46px;
	right:41px;
	width:50%;
	height:50%;
    -webkit-transform: rotate(20deg) skew(45deg);
	-moz-transform: rotate(20deg) skew(45deg);
	z-index:-1;
}

.box a {
	text-decoration: none;
	color: #900;
}
